<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="ww" uri="webwork" %>
<ww:bean name="'com.css.apps.base.dict.service.DictMan'" id="dictID" />
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="ECharts">
    <meta name="author" content="kener.linfeng@gmail.com">

    <script src="cssui/plugins/echarts-2.2.7/build/source/echarts.js"></script>
    <script src="cssui/plugins/echarts-2.2.7/doc/asset/js/codemirror.js"></script>
    <script src="cssui/plugins/echarts-2.2.7/doc/asset/js/javascript.js"></script>

    <link href="cssui/plugins/echarts-2.2.7/doc/asset/css/bootstrap.css" rel="stylesheet">
    <link href="cssui/plugins/echarts-2.2.7/doc/asset/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="cssui/plugins/echarts-2.2.7/doc/asset/css/codemirror.css" rel="stylesheet">
    <link href="cssui/plugins/echarts-2.2.7/doc/asset/css/monokai.css" rel="stylesheet">
    <link rel="shortcut icon" href="cssui/plugins/echarts-2.2.7/doc/asset/ico/favicon.png">
    <style type="text/css">
        .test-head {padding-left: 20px;margin-top:0;background-color:#eee;}
        .CodeMirror pre{color: #f8f8f2;}
        .sidebar-nav {
            padding: 9px 0;
            margin-bottom: 0;
        }
        .icon-resize-full, .icon-resize-small {
            float: right;
            opacity: .3;
        }
        .span4.ani {
            transition: width 1s;
            -moz-transition: width 1s; /* Firefox 4 */
            -webkit-transition: width 1s; /* Safari and Chrome */
            -o-transition: width 1s; /* Opera */
        }
        .span8.ani {
            transition: width 1s;
            -moz-transition: width 1s; /* Firefox 4 */
            -webkit-transition: width 1s; /* Safari and Chrome */
            -o-transition: width 1s; /* Opera */
        }
        .main {
            height: 400px;
            overflow: hidden;
            padding : 10px;
            margin-bottom: 10px;
            border: 1px solid #e3e3e3;
            -webkit-border-radius: 4px;
               -moz-border-radius: 4px;
                    border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
               -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        }

    </style>
</head>

<body>
    <h3 class="test-head"></h3>
    <div class="container-fluid" idx='0'>
        <div class="row-fluid">
            <div md="sidebar-code" class="span4" style="display:none;">
                <div class="well sidebar-nav">
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="icon-resize-full" md ="icon-resize" ></a>option</div>
                    <textarea md="code" name="code">
option = {
	title : {
        text: '消息发送量',
    },
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    legend: {
        data:['成功', '失败']
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    yAxis : [
        {
            type : 'value',
            name:'消息（条）'
        }
    ],
    xAxis: [
        {
        	splitLine:{show:false},
            type : 'category',
            name:'第三方应用',
            data : [<ww:property value="a0"/>]
        }
    ],
    series : [
        {
        	barMaxWidth: 100,
            name:'成功',
            type:'bar',
            stack: '总量',
            itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
            data:[<ww:property value="a1"/>]
        },
        {
        	barMaxWidth: 100,
            name:'失败',
            type:'bar',
            stack: '总量',
            itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
            data:[<ww:property value="a2"/>]
        }
    ]
};
                    
                    </textarea>
              </div><!--/.well -->
            </div><!--/span-->
            <div md="graphic">
                <div>
                <%--
                <button onclick="refresh(true, 0)">Refresh ~</button>
                 --%>
                    <span md='wrong-message' style="color:red"></span>
                </div>
                <div md="main" class="main"></div>
            </div><!--/span-->
        </div><!--/row-->
    </div><!--/.fluid-container-->
    
    
    
    
    <div class="container-fluid" idx='1'>
        <div class="row-fluid">
            <div md="sidebar-code" class="span4" style="display:none;">
                <div class="well sidebar-nav">
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="icon-resize-full" md ="icon-resize" ></a>option</div>
                    <textarea md="code" name="code">
option = {
	title : {
        text: '消息发送量',
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        data:[<ww:property value="b0"/>]
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['pie']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    series : [
        {
            name:'消息（条）',
            type:'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[<ww:property value="b1"/>]
        }
    ]
};
                    
                    </textarea>
              </div><!--/.well -->
            </div><!--/span-->
            <div md="graphic">
                <div>
                <%--
                <button onclick="refresh(true, 0)">Refresh ~</button>
                 --%>
                    <span md='wrong-message' style="color:red"></span>
                </div>
                <div md="main" class="main"></div>
            </div><!--/span-->
        </div><!--/row-->
    </div><!--/.fluid-container-->
    
    
    
<div class="container-fluid" idx='2'>
        <div class="row-fluid">
        <div><span>注：下图显示开始时间（为空则取当前时间）所在月份的统计数据。</span></div>
            <div md="sidebar-code" class="span4" style="display:none;">
                <div class="well sidebar-nav">
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="icon-resize-full" md ="icon-resize" ></a>option</div>
                    <textarea md="code" name="code">
option = {
	title : {
        text: '<ww:property value="cm"/>消息发送量'
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:[<ww:property value="c0"/>]
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
        	splitLine:{show:false},
            type : 'category',
            name:'时间（日）',
            boundaryGap : false,
            data : [<ww:property value="c1"/>]
        }
    ],
    yAxis : [
        {
            type : 'value',
            name:'消息（条）'
        }
    ],
    series : [<ww:property value="c2"/>]
};
                    
                    
                    </textarea>
              </div><!--/.well -->
            </div><!--/span-->
            <div md="graphic">
                <div>
                <%--
                <button onclick="refresh(true, 0)">Refresh ~</button>
                 --%>
                    <span md='wrong-message' style="color:red"></span>
                </div>
                <div md="main" class="main"></div>
            </div><!--/span-->
        </div><!--/row-->
    </div><!--/.fluid-container-->
    
    
    
    
	<script>
    var g_base = '<%=basePath%>';
    </script>
    <script src="cssui/plugins/echarts-2.2.7/doc/asset/js/jquery.js"></script>
    <script src="cssui/plugins/echarts-2.2.7/test/allchart/logall.js"></script>
    <script type="text/javascript" src="cssui/plugins/My97DatePicker/WdatePicker.js"></script>
</body>
</html>
